<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--基于框架引入的css-->
		<link href="../../libs/css/mui.min.css" rel="stylesheet" />

		<!--自定义样式引入-->
		<link href="../../css/common.css" rel="stylesheet" />
		<link href=" ../../css/my.css" rel="stylesheet" />
	</head>

	<body id="my-info" >
		<div id="main"  v-cloak="">
			<header class="mui-bar mui-bar-nav" style="box-shadow: none;">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<a class="mui-pull-right header-right-text" @click="openDetail">编辑</a>

			</header>
			<!--下拉刷新容器-->
			<div class="mui-content sign-up-page" style="border:none;padding:44px 0 20px 0" >
				<div class="mui-text-center my-info-header">
					<div class="header-img ">
						<img src="../../img/dock_me_actived.png" alt="" />
					</div>
					<div class="header-inf ">
							<p class="user-name">{{data.mobilePhone}}</p>
							<p class="user-phoneNum">昵称：{{data.nickName}}</p>
					</div>
					<div class="box-flex ">
						<div class="flex-1">
							关注项目：0
						</div>
						<div class="flex-1">
							已入驻{{data.joinDay}}天
						</div>
					</div>
				</div>
				<!--数据列表-->
				<div class="my-info-content mui-table-view-chevron">
					<div class="mui-table-view-cell mui-collapse">
						<!--<div class="mui-collapse-header">-->
							<span class="add-btn" @tap="toNewOrg">＋新增机构</span>
							<a class="mui-navigate-right">公司信息</a>
							<label class="mui-collapse-title">所在机构:</label>
						<!--</div>-->
						<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<form class="mui-input-group mui-disabled">
								<div class="mui-input-row">
									<div>德国博世科技集团有限公司<span class="mui-pull-right qrcode"></span></div>
									<p class="company-info">这里是简介</p>
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>所在国家:</label>
									<input disabled  value="data.country">
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>所在城市:</label>
									<input disabled  value="data.city">
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>联系地址:</label>
									<input disabled  value="data.address">
								</div>
							</form>
						</li>

					</ul>
					</div>
					<div class="mui-table-view-cell mui-collapse">
						<!--<div class="mui-collapse-header">-->
							<a class="mui-navigate-right mui-collapse-title" style="color: rgb(126,126,126);">所在机构:</a>
						<!--</div>-->
						<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<form class="mui-input-group mui-disabled">
								<div class="mui-input-row">
									<div>德国博世科技集团有限公司<span class="mui-pull-right qrcode"></span></div>
									<p class="company-info">这里是简介</p>
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>所在国家:</label>
									<input disabled  value="中国">
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>所在城市:</label>
									<input disabled  value="成都">
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>联系地址:</label>
									<input disabled  value="成都市武侯区天府大道1111号">
								</div>
							</form>
							<form class="mui-input-group">
								<div class="mui-input-row">
									<label>职位:</label>
									<input disabled  value="销售经理">
								</div>
							</form>
						</li>

					</ul>
					</div>
				</div>

				<div class="my-info-content">
					<label style="display:inline-block;height: 30px; width: 100%; margin-top: 5px;">个人信息</label>
					<form class="mui-input-group">
						<div class="mui-input-row">
							<label>使用语言:</label>
							<input disabled value="data.userExitInfo.language">
						</div>
					</form>
					<form class="mui-input-group">
						<div class="mui-input-row">
							<label>性别:</label>
							<input disabled  value="data.userSex">
						</div>
					</form>
					<form class="mui-input-group">
						<div class="mui-input-row">
							<label>联系手机:</label>
							<input disabled  value="data.mobilePhone">
						</div>
					</form>
				</div>
			</div>
		</div>
		<script src="../../libs/js/jquery-3.2.1.min.js"></script>
		<script src="../../libs/js/mui.min.js"></script>
		<script src="../../libs/js/vue.min.js"></script>
		<script src="../../libs/js/jquery-3.2.1.min.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/mine/my-info.js"></script>
	</body>

</html>